<template>
  <view class="box">
    <image
      v-if="hasImg"
      lazy-load
      mode="aspectFit"
      src="/static/images/bnbimgs/notopen2.png"
      class="drinks-img"
      :style="hasMargin ? 'margin-top:100px' : ''"
    ></image>
    <view
      class="font-size-sm text-color-878889"
      :style="hasImg ? '' : 'margin-top:100px'"
      >{{ message }}</view
    >
  </view>
</template>

<script>
export default {
  name: "empty-load",
  data() {
    return {};
  },
  created() {},
  props: {
    hasImg: {
      type: Boolean,
      default: true,
    },
    hasMargin: {
      type: Boolean,
      default: true,
    },
    message: {
      type: String,
      default: "暂无更多",
    },
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.box {
  display: flex;
  flex-direction: column;
  align-items: center;
  .drinks-img {
    width: 276rpx;
    height: 230rpx;
  }
}
</style>
